<template>
  <div class="mod-prod-brand">
    <div class="content">
      <div class="info">
        <div class="infoTitle">
          作品基本信息
        </div>
        <div class="infoItem">
          <div class="itemTitle">
            登记用户
          </div>
          <div class="itemInput">
            <el-select v-model="userName" filterable placeholder="请选择登记用户" @focus="selectProvince('user')"
              @change="select">
              <el-option v-for="item in columns" :key="item.code" :label="item.userName" :value="item">
              </el-option>
            </el-select>
          </div>
        </div>
        <div class="heng"></div>
        <div class="itemBox">
          <div class="infoItem">
            <div class="itemTitle">
              作品名称
            </div>
            <div class="itemInput">
              <el-input type="text" v-model="workBaseInfo.workName" placeholder="请输入作品名称" />
            </div>
          </div>
          <div class="heng"></div>
          <div class="infoItem">
            <div class="itemTitle">
              作品类型
            </div>
            <div class="itemInput">
              <div class="inputBox">
                <!-- <el-input type="text" v-model="workBaseInfo.workType.workTypeName" disabled placeholder="请选择作品类型" /> -->
                <el-select v-model="workBaseInfo.workType.workTypeName" clearable placeholder="请选择作品类型"
                  @focus="selectProvince('workType')" @change="select">
                  <el-option v-for="item in columns" :key="item.workTypeId" :label="item.workTypeName" :value="item">
                  </el-option>
                </el-select>
              </div>
            </div>
          </div>
        </div>

        <div class="heng"></div>
        <div class="infoItems">
          <div class="itemTitle">
            作品类型描述
          </div>
          <div class="itemInputs">
            <el-input type="textarea" :rows="2" placeholder="请输入作品类型描述" v-model="workBaseInfo.workTypeDesc">
            </el-input>
          </div>
        </div>
        <div class="heng"></div>
        <div class="infoItems">
          <div class="itemTitle">
            选择作品
          </div>
          <div class="itemInputs" style="display: flex;align-items: center;">
            <FileUpload v-model="workBaseInfo.fileUrls" valueData="file" value="" @fileChange="fileChange" />
            <span style="font-size: 20px;margin-left:10px;">文件名称：{{ fileName }}</span>
            <!-- <u-upload accept="all" :fileList="fileUrls" @afterRead="afterRead" @delete="deletePic"
              name="workBaseInfo-fileUrls-fileUrls-list" multiple :maxCount="1" :previewFullImage="true" width="250px"
              height="150px"></u-upload> -->
          </div>
        </div>
        <div class="heng"></div>
        <div class="infoItems">
          <div class="itemTitle">
            创作过程
          </div>
          <div class="itemInputs">
            <!-- <textarea auto-height v-model="workBaseInfo.workIntro" placeholder="请输入创作过程" /> -->
            <el-input type="textarea" :rows="2" placeholder="请输入创作过程" v-model="workBaseInfo.workIntro">
            </el-input>
          </div>
        </div>
        <div class="heng"></div>
        <div class="itemBox">
          <div class="infoItem">
            <div class="itemTitle">
              创作性质
            </div>
            <div class="itemInput">
              <div class="inputBox" @click="openSelect('noIndex', 'workBaseInfo', 'workNature')">
                <!-- <el-input type="text" v-model="workBaseInfo.workNature.workNatureName" disabled placeholder="请选择创作性质" /> -->
                <el-select v-model="workBaseInfo.workNature.workNatureName" clearable placeholder="请选择创作性质"
                  @focus="selectProvince('workNature')" @change="select">
                  <el-option v-for="item in columns" :key="item.workNatureId" :label="item.workNatureName"
                    :value="item">
                  </el-option>
                </el-select>
              </div>
            </div>
          </div>
          <div class="heng"></div>
          <div class="infoItem" style="align-items: flex-start;">
            <div class="itemTitle">
              权利拥有状况
            </div>
            <div class="itemInput">
              <div class="inputBox">
                <!-- <el-input type="text" v-if="workBaseInfo.workOwns.length == 0" disabled placeholder="请选择权利拥有状况" /> -->
                <!-- <el-select v-model="workBaseInfo.workType.workTypeName" clearable placeholder="请选择权利拥有状况"
                  @focus="selectProvince('workOwnStatus')" @change="select">
                  <el-option v-for="item in columns" :key="item.typeId" :label="item.typeName" :value="item">
                  </el-option>
                </el-select> -->
                <el-select v-model="zhuangkuangList" multiple placeholder="请选择权利拥有状况" :clearable="false"
                  @focus="selectProvince('workOwnStatus')" @change="select">
                  <el-option v-for="item in columns" :key="item.typeId" :label="item.typeName" :value="item.typeId">
                  </el-option>
                </el-select>
                <!-- <span class="" style="margin-left: 18px;font-size: 32px;opacity: .7;"
                  v-for="item in workBaseInfo.workOwns">
                  {{ item.workOwnStatusName }}
                </span> -->
              </div>
            </div>
          </div>
        </div>

        <div class="heng"></div>
        <div class="infoItems">
          <div class="itemTitle">
            权利拥有状况说明
          </div>
          <div class="itemInputs">
            <!-- <textarea auto-height v-model="workBaseInfo.workOwnStatusDesc" placeholder="请输入权利拥有状况说明" /> -->
            <el-input type="textarea" :rows="2" placeholder="请输入权利拥有状况说明" v-model="workBaseInfo.workOwnStatusDesc">
            </el-input>
          </div>
        </div>
        <div class="heng"></div>
        <div class="infoItems">
          <div class="itemTitle">
            创作性质说明
          </div>
          <div class="itemInputs">
            <div class="inputBox" @click="openSelect('noIndex', 'workBaseInfo', 'auth')">
              <!-- <textarea auto-height v-model="workBaseInfo.authDescribe.note" disabled placeholder="请选择创作性质说明" /> -->
              <el-select v-model="workBaseInfo.authDescribe.note" clearable placeholder="请选择创作性质说明" width="80%"
                @focus="selectProvince('authDescribe')" @change="select">
                <el-option v-for="item in columns" :key="item.typeId" :label="item.typeName" :value="item">
                </el-option>
              </el-select>
            </div>

            <!-- <textarea auto-height placeholder="请输入创作性质说明" /> -->
          </div>
        </div>
        <div class="heng"></div>
        <div class="infoItems">
          <div class="itemTitle">
            授权书
          </div>
          <div class="itemInputs">
            <imgs-upload v-model="workBaseInfo.fileUrl" :limit="1" />
            <!-- <u-upload accept="image" :fileList="fileUrl" @afterRead="afterRead" @delete="deletePic"
              name="workBaseInfo-fileUrl-fileUrl" multiple :maxCount="1" :previewFullImage="true" width="250px"
              height="150px"></u-upload> -->
          </div>
        </div>
      </div>
    </div>
    <div class="content">
      <div class="info" v-for="item, index in authors">
        <div class="infoTitleBox">
          <div class="infoTitle">
            作者信息{{ index + 1 }}
          </div>
          <div class="delete" v-if="index != 0" @click="deleteAuthors(index)">
            <img src="../../../assets/icon/shanchu.png" mode=""></img>
          </div>
        </div>

        <div class="infoItem">
          <div class="itemTitle">
            作者姓名
          </div>
          <div class="itemInput">
            <el-input type="text" v-model="authors[index].authorName" placeholder="请输入作者姓名" />
          </div>
        </div>
        <div class="heng"></div>
        <div class="itemBox">
          <div class="infoItem">
            <div class="itemTitle">
              署名情况
            </div>
            <div class="itemInput">
              <div class="inputBox">
                <!-- <el-input type="text" disabled v-model="authors[index].signName" placeholder="请选择署名情况" /> -->
                <el-select v-model="authors[index].signName" placeholder="请选择署名情况"
                  @focus="selectProvinces(index, 'sign')" @change="selects">
                  <el-option v-for="item in columns" :key="item.typeId" :label="item.typeName" :value="item">
                  </el-option>
                </el-select>
              </div>

            </div>
          </div>
          <div class="heng"></div>
          <div class="infoItem">
            <div class="itemTitle">
              别名名称
            </div>
            <div class="itemInput">
              <el-input type="text" v-model="authors[index].otherName" placeholder="请输入别名名称" />
            </div>
          </div>
        </div>

        <div class="heng"></div>
        <div class="infoItem">
          <div class="itemTitle">
            是否能够联系到作者
          </div>
          <div class="itemInput">
            <el-switch v-model="authors[index].link" activeColor="#5ac725"></el-switch>
          </div>
        </div>
        <div class="heng"></div>
        <div class="itemBox">
          <div class="infoItem">
            <div class="itemTitle">
              用户类型
            </div>
            <div class="itemInput">
              <div class="inputBox">
                <!-- <el-input type="text" v-model="authors[index].userTypeName" disabled placeholder="请选择用户类型" /> -->
                <el-select v-model="authors[index].userTypeName" clearable placeholder="请选择用户类型"
                  @focus="selectProvinces(index, 'userType')" @change="selects">
                  <el-option v-for="item in columns" :key="item.userTypeId" :label="item.typeName" :value="item">
                  </el-option>
                </el-select>
              </div>
            </div>
          </div>
          <div class="heng"></div>
          <div class="infoItem">
            <div class="itemTitle">
              证件类型
            </div>
            <div class="itemInput">
              <div class="inputBox">
                <!-- <el-input type="text" v-model="authors[index].cardTypeName" disabled placeholder="请选择证件类型" /> -->

                <el-select v-model="authors[index].cardTypeName" clearable placeholder="请选择证件类型"
                  @focus="selectProvinces(index, 'cardType')" @change="selects">
                  <el-option v-for="item in columns" :key="item.cardTypeId" :label="item.typeName" :value="item">
                  </el-option>
                </el-select>
              </div>
            </div>
          </div>
          <div class="infoItem">
            <div class="itemTitle">
              证件号
            </div>
            <div class="itemInput">
              <el-input type="text" maxlength="18" v-model="authors[index].cardNum" placeholder="请输入证件号" />
            </div>
          </div>
        </div>
        <div class="heng"></div>
        <div class="infoItems">
          <div class="itemTitle">
            证件文件
          </div>
          <div class="itemInputs">
            <imgs-upload v-model="authors[index].fileUrl" :limit="1" />

            <!-- <u-upload accept="image" :fileList="authors[index].fileList" @afterRead="afterReads" @delete="deletePics"
              :name="'authors-' + index + '-fileList'" multiple :maxCount="1" :previewFullImage="true" width="250px"
              height="150px"></u-upload> -->
          </div>
        </div>
        <div class="heng"></div>
        <div class="infoItem">
          <div class="itemTitle">
            作者排序
          </div>
          <div class="itemInput">
            <el-input type="text" v-model="authors[index].cOrder" placeholder="请输入作者排序" />
          </div>
        </div>
      </div>
      <div class="add" @click="addAuthors">
        <img src="../../../assets/icon/add.png" mode=""></img>
        <div class="">
          增加作者
        </div>
      </div>
    </div>
    <div class="content">
      <div class="info" v-for="item, index in copyrightOwners">
        <div class="infoTitleBox">
          <div class="infoTitle">
            著作权人{{ index + 1 }}
          </div>
          <div class="delete" v-if="index != 0" @click="deleteCopyrightOwners(index)">
            <img src="../../../assets/icon/shanchu.png" mode=""></img>
          </div>
        </div>
        <div class="infoItem">
          <div class="itemTitle">
            著作权人姓名
          </div>
          <div class="itemInput">
            <el-input type="text" v-model="copyrightOwners[index].copyrightOwnerName" placeholder="请输入著作权人姓名" />
          </div>
        </div>
        <div class="heng"></div>
        <div class="itemBox">
          <div class="infoItem">
            <div class="itemTitle">
              用户类型
            </div>
            <div class="itemInput">
              <div class="inputBox">
                <!-- <el-input type="text" v-model="copyrightOwners[index].userTypeName" disabled placeholder="请选择用户类型" /> -->
                <el-select v-model="copyrightOwners[index].userTypeName" clearable placeholder="请选择用户类型"
                  @focus="selectProvinces(index, 'userTypeB')" @change="selects">
                  <el-option v-for="item in columns" :key="item.userTypeId" :label="item.typeName" :value="item">
                  </el-option>
                </el-select>
              </div>
            </div>
          </div>
          <div class="heng"></div>
          <div class="infoItem">
            <div class="itemTitle">
              证件类型
            </div>
            <div class="itemInput">
              <div class="inputBox" @click="openSelect(index, 'copyrightOwners', 'copyrightOwnersCardTypeName')">
                <!-- <el-input type="text" v-model="copyrightOwners[index].cardTypeName" disabled placeholder="请选择证件类型" /> -->

                <el-select v-model="copyrightOwners[index].cardTypeName" clearable placeholder="请选择证件类型"
                  @focus="selectProvinces(index, 'cardTypeB')" @change="selects">
                  <el-option v-for="item in columns" :key="item.cardTypeId" :label="item.typeName" :value="item">
                  </el-option>
                </el-select>
              </div>
            </div>
          </div>
          <div class="infoItem">
            <div class="itemTitle">
              证件号
            </div>
            <div class="itemInput">
              <el-input type="idcard" v-model="copyrightOwners[index].cardNum" maxlength="18" placeholder="请输入证件号" />
            </div>
          </div>
        </div>

        <div class="heng"></div>
        <div class="infoItems">
          <div class="itemTitle">
            证件文件
          </div>
          <div class="itemInputs">
            <imgs-upload v-model="copyrightOwners[index].fileUrl" :limit="1" />
            <!-- <u-upload accept="image" :fileList="copyrightOwners[index].fileList" @afterRead="afterReads"
              @delete="deletePics" :name="'copyrightOwners-' + index + '-fileList'" multiple :maxCount="1"
              :previewFullImage="true" width="250px" height="150px"></u-upload> -->
          </div>
        </div>
        <div class="heng"></div>
        <div class="infoItem">
          <div class="itemTitle">
            著作权人排序
          </div>
          <div class="itemInput">
            <el-input type="text" v-model="copyrightOwners[index].cOrder" placeholder="请输入著作权人排序" />
          </div>
        </div>
        <div class="heng"></div>
        <div class="itemBox">
          <div class="infoItem">
            <div class="itemTitle">
              省份名称
            </div>
            <div class="itemInput">
              <div class="inputBox">
                <!-- <el-input type="text" v-model="copyrightOwners[index].provinceName" disabled placeholder="请选择省份名称" /> -->

                <el-select v-model="copyrightOwners[index].provinceName" clearable placeholder="请选择省份"
                  @focus="selectProvinces(index, 'copyrightProvince')" @change="selects">
                  <el-option v-for="item in columns" :key="item.provinceId" :label="item.provinceName" :value="item">
                  </el-option>
                </el-select>
              </div>

            </div>
          </div>
          <div class="heng"></div>
          <div class="infoItem">
            <div class="itemTitle">
              城市名称
            </div>
            <div class="itemInput">
              <div class="inputBox">
                <!-- <el-input type="text" v-model="copyrightOwners[index].cityName" disabled placeholder="请选择城市名称" /> -->

                <el-select v-model="copyrightOwners[index].cityName" clearable placeholder="请选择城市"
                  @focus="selectProvinces(index, 'copyrightCity')" @change="selects">
                  <el-option v-for="item in columns" :key="item.provinceId" :label="item.cityName" :value="item">
                  </el-option>
                </el-select>
              </div>

            </div>
          </div>
        </div>

      </div>
      <div class="add" @click="addCopyrightOwners">
        <img src="../../../assets/icon/add.png" mode=""></img>
        <div class="">
          增加著作权人
        </div>
      </div>
    </div>
    <div class="content">
      <div class="info">
        <div class="infoTitle">
          获奖信息
        </div>
        <div class="itemBox">
          <div class="infoItem">
            <div class="itemTitle">
              是否获奖
            </div>
            <div class="itemInput">
              <el-switch v-model="award.award" activeColor="#5ac725"></el-switch>
            </div>
          </div>
          <div class="heng"></div>
          <div class="infoItem">
            <div class="itemTitle">
              是否公开
            </div>
            <div class="itemInput">
              <el-switch v-model="award.open" activeColor="#5ac725"></el-switch>
            </div>
          </div>
        </div>

        <div class="heng"></div>

        <div class="itemBox">
          <div class="infoItem">
            <div class="itemTitle">
              奖项名称
            </div>
            <div class="itemInput">
              <el-input type="text" v-model="award.workAwardName" placeholder="请输入奖项名称" />
            </div>
          </div>
          <div class="heng"></div>
          <div class="infoItem">
            <div class="itemTitle">
              颁奖单位
            </div>
            <div class="itemInput">
              <el-input type="text" v-model="award.WorkAwardUnit" placeholder="请输入颁奖单位" />
            </div>
          </div>
        </div>

        <div class="heng"></div>
        <div class="infoItems">
          <div class="itemTitle">
            获奖证明文件
          </div>
          <div class="itemInputs">
            <imgs-upload v-model="award.fileUrl" :limit="1" />
            <!-- <u-upload accept="image" :fileList="awardFileUrl" @afterRead="afterRead" @delete="deletePic"
              name="award-fileUrl-awardFileUrl" multiple :maxCount="1" :previewFullImage="true" width="250px"
              height="150px"></u-upload> -->
          </div>
        </div>

      </div>
    </div>
    <div class="content">
      <div class="info">
        <div class="infoTitle">
          创作信息
        </div>
        <div class="infoItem">
          <div class="itemTitle">
            作品完成时间
          </div>
          <div class="itemInput">
            <div class="inputBox">
              <el-date-picker v-model="creation.workFinishDate" type="date" placeholder="请选择作品完成时间">
              </el-date-picker>
              <!-- //<el-input type="text" v-model="creation.workFinishDate" disabled placeholder="请选择作品完成时间" /> -->
            </div>

          </div>
        </div>
        <div class="heng"></div>
        <div class="itemBox">
          <div class="infoItem">
            <div class="itemTitle">
              省份名称
            </div>
            <div class="itemInput">
              <div class="inputBox">
                <!-- <el-input type="text" v-model="creation.workFinishProvinceName" disabled placeholder="请选择省份名称" /> -->
                <el-select v-model="creation.workFinishProvinceName" clearable placeholder="请选择省份"
                  @focus="selectProvince('creationProvince')" @change="select">
                  <el-option v-for="item in columns" :key="item.provinceId" :label="item.provinceName" :value="item">
                  </el-option>
                </el-select>
              </div>

            </div>
          </div>
          <div class="heng"></div>
          <div class="infoItem">
            <div class="itemTitle">
              城市名称
            </div>
            <div class="itemInput">
              <div class="inputBox">
                <!-- <el-input type="text" disabled v-model="creation.workFinishCityName" placeholder="请选择城市名称" /> -->
                <el-select v-model="creation.workFinishCityName" clearable placeholder="请选择城市"
                  @focus="selectProvince('creationCity')" @change="select">
                  <el-option v-for="item in columns" :key="item.cityId" :label="item.cityName" :value="item">
                  </el-option>
                </el-select>
              </div>

            </div>
          </div>
        </div>

      </div>
    </div>
    <div class="content">
      <div class="info">
        <div class="infoTitle">
          发表信息
        </div>
        <div class="itemBox">
          <div class="infoItem">
            <div class="itemTitle">
              是否已发表
            </div>
            <div class="itemInput">
              <el-switch v-model="publishment.publish" activeColor="#5ac725"></el-switch>
            </div>
          </div>
          <div class="infoItem">
            <div class="itemTitle">
              作品发表时间
            </div>
            <div class="itemInput">
              <div class="inputBox">
                <!-- <el-input type="text" v-model="publishment.workPublishDate" disabled placeholder="请选择作品发表时间" /> -->
                <el-date-picker v-model="publishment.workPublishDate" type="date" placeholder="请选择作品发表时间">
                </el-date-picker>
              </div>

            </div>
          </div>
        </div>

        <div class="heng"></div>
        <div class="itemBox">
          <div class="infoItem">
            <div class="itemTitle">
              省份名称
            </div>
            <div class="itemInput">
              <div class="inputBox">
                <!-- <el-input type="text" v-model="publishment.workPublishProvinceName" disabled placeholder="请选择省份名称" /> -->

                <el-select v-model="publishment.workPublishProvinceName" clearable placeholder="请选择省份"
                  @focus="selectProvince('publishProvince')" @change="select">
                  <el-option v-for="item in columns" :key="item.provinceId" :label="item.provinceName" :value="item">
                  </el-option>
                </el-select>
              </div>

            </div>
          </div>
          <div class="heng"></div>
          <div class="infoItem">
            <div class="itemTitle">
              城市名称
            </div>
            <div class="itemInput">
              <div class="inputBox">
                <!-- <el-input type="text" v-model="publishment.workPublishCityName" disabled placeholder="请选择城市名称" /> -->

                <el-select v-model="publishment.workPublishCityName" clearable placeholder="请选择城市"
                  @focus="selectProvince('publishCity')" @change="select">
                  <el-option v-for="item in columns" :key="item.provinceId" :label="item.cityName" :value="item">
                  </el-option>
                </el-select>
              </div>

            </div>
          </div>
        </div>

        <div class="heng"></div>


        <div class="itemBox">
          <div class="infoItem">
            <div class="itemTitle">
              是否公开
            </div>
            <div class="itemInput">
              <el-switch v-model="publishment.open" activeColor="#5ac725"></el-switch>
            </div>
          </div>
          <div class="infoItem">
            <div class="itemTitle">
              公开作品链接
            </div>
            <div class="itemInput">
              <el-input type="text" v-model="publishment.workPublishLinkUrl" placeholder="请输入公开作品链接" />
            </div>
          </div>
        </div>
        <div class="heng"></div>
      </div>
    </div>
    <div class="content">
      <div class="info">
        <div class="itemBox">
          <div class="infoItem">
            <div class="itemTitle">
              权利归属方式
            </div>
            <div class="itemInput">
              <div class="inputBox">
                <!-- <el-input type="text" v-model="workBelongWay.workBelongWay" disabled placeholder="请选择权利归属方式" /> -->
                <el-select v-model="workBelongWay.workBelongWay" clearable placeholder="请选择权利归属方式"
                  @focus="selectProvince('workBelongWay')" @change="select">
                  <el-option v-for="item in columns" :key="item.workBelongWayId" :label="item.workBelongWay"
                    :value="item">
                  </el-option>
                </el-select>
              </div>
            </div>
          </div>
          <div class="heng"></div>
          <div class="infoItem">
            <div class="itemTitle">
              权利取得方式
            </div>
            <div class="itemInput">
              <div class="inputBox">
                <!-- <el-input type="text" v-model="workRightObtainWay.workRightObtainWay" disabled placeholder="请选择权利取得方式" /> -->

                <el-select v-model="workRightObtainWay.workRightObtainWay" clearable placeholder="请选择权利取得方式"
                  @focus="selectProvince('workRightObtainWay')" @change="select">
                  <el-option v-for="item in columns" :key="item.workRightObtainWayId" :label="item.workRightObtainWay"
                    :value="item">
                  </el-option>
                </el-select>
              </div>
            </div>
          </div>
        </div>

        <div class="heng"></div>
        <div class="itemBox">
          <div class="infoItems" style="margin-right: 50px;">
            <div class="itemTitle">
              职务证明
            </div>
            <div class="itemInputs">
              <imgs-upload v-model="postFileUrl" :limit="1" />
              <!-- <u-upload accept="image" :fileList="postFileUrls" @afterRead="afterRead" @delete="deletePic"
              name="0-postFileUrl-postFileUrls" multiple :maxCount="1" :previewFullImage="true" width="250px"
              height="150px"></u-upload> -->
            </div>
          </div>
          <div class="heng"></div>
          <div class="infoItems" style="margin-right: 50px;">
            <div class="itemTitle">
              委托合同
            </div>
            <div class="itemInputs">
              <imgs-upload v-model="trustFileUrl" :limit="1" />
              <!-- <u-upload accept="image" :fileList="trustFileUrls" @afterRead="afterRead" @delete="deletePic"
              name="0-trustFileUrl-trustFileUrls" multiple :maxCount="1" :previewFullImage="true" width="250px"
              height="150px"></u-upload> -->
            </div>
          </div>
          <div class="heng"></div>
          <div class="infoItems">
            <div class="itemTitle">
              其他证明材料
            </div>
            <div class="itemInputs">
              <imgs-upload v-model="otherFileUrl" :limit="1" />
              <!-- <u-upload accept="image" :fileList="otherFileUrls" @afterRead="afterRead" @delete="deletePic"
              name="0-otherFileUrl-otherFileUrls" multiple :maxCount="1" :previewFullImage="true" width="250px"
              height="150px"></u-upload> -->
            </div>
          </div>
        </div>
        <span style="color: red;font-size: 16px;">权利归属方式为职务作品时职务证明必填,权利归属方式为委托作品时委托合同必填</span>

      </div>
    </div>
    <div class="btnBox">
      <div class="btn" @click="clickBtn">
        提交登记信息
      </div>
    </div>
  </div>
</template>

<script>
import ImgsUpload from '@/components/img-upload'
import FileUpload from '@/components/file-upload'
import { Message } from 'element-ui'
import { isMobile, validNoEmptySpace, isUserName } from '@/utils/validate'
// import AddOrUpdate from '../sys/webConfig-add-or-update'
export default {
  data() {
    return {
      checkboxValue1: [],
      isQuanli: false,
      registerUserInfo: '',
      selectType: '',
      dataName: '',
      dataIndex: 'noIndex',
      columns: [],
      showDate: false,
      timeValue: '',
      show: false,
      userName: '', //登记用户
      code: '',
      workBaseInfo: { //作品基本信息
        workName: '', //作品名称
        workType: { //作品类型
          workTypeId: '',
          workTypeName: '',
          workTypeCode: ''
        },
        workTypeDesc: '', //作品类型描述
        fileUrls: [], //作品文件链接
        workIntro: '', //创作过程
        workNature: { //创作性质
          workNatureId: '',
          workNatureName: '',
          workNatureCode: ''
        },
        workOwns: [], //权利拥有状况
        workOwnStatusDesc: '', //权利拥有状况说明
        authDescribe: {
          note: '',
          code: ''
        },
        fileUrl: '' //授权书
      },
      authors: [{ //作者信息
        authorName: '', ///作者姓名
        signId: '', //署名情况ID
        signName: '', //署名情况名称
        otherName: '', //别名名称
        link: false, //是否能联系到作者
        userTypeId: '', //用户类型ID
        userTypeName: '', //用户类型名称
        cardTypeId: '', //证件类型Id
        cardTypeName: '', //证件类型名称
        cardNum: '', //证件号
        fileUrl: '', //证件文件
        cOrder: '', //作者排序
      }],
      copyrightOwners: [{ //著作权人
        copyrightOwnerName: '', //著作权人姓名
        userTypeId: '', //用户类型ID
        userTypeName: '', //用户类型名称
        cardTypeId: '', //证件类型ID
        cardTypeName: '', //证件类型名称
        cardNum: '', //证件号
        fileUrl: '', //证件文件")//仅上传身份证正返面或执照
        cOrder: '', //著作权人排序
        provinceId: '', //省份ID
        provinceName: '', //省份名称
        cityId: '', // 城市ID
        cityName: '', //城市名称
      }],
      award: { //获奖信息
        award: false, //是否获奖
        open: false, //是否公开
        workAwardName: '', //获奖名称
        WorkAwardUnit: '', //颁奖单位
        fileUrl: '', //获奖证明文件//非必填
      },
      creation: { //创作信息
        workFinishDate: '', //作品完成时间//YYYY-MM-DD
        workFinishProvinceId: '', //创作完成省份名称id
        workFinishProvinceName: '', //创作完成省份名称
        workFinishCityId: '', //创作完成城市名称id
        workFinishCityName: '', //创作完成城市名称
      },
      publishment: { //发表信息
        publish: false, //是否已发表
        workPublishDate: '', //作品发表时间//YYYY-MM-DD， 已发表必填
        workPublishProvinceId: '', //创作完成省份名称id
        workPublishProvinceName: '', //创作完成省份名称
        workPublishCityId: '', //创作完成城市名称id
        workPublishCityName: '', //创作完成城市名称
        workPublishLinkUrl: '', //公开作品链接
        open: false, //是否公开//已发表必填

      },
      workBelongWay: { //权利归属方式
        workBelongWay: '',
        workBelongWayId: '',
        workBelongWayCode: ''
      },
      workRightObtainWay: { //权利取得方式
        workRightObtainWay: '',
        workRightObtainWayId: '',
        workRightObtainWayCode: ''
      },
      postFileUrl: '', //职务证明
      trustFileUrl: '', //委托合同
      otherFileUrl: '', //其他证明材料  //非必填
      ///////////////////////////////////////////////////////
      workOwnStatusName: '', //权利拥有状况回显内容
      signName: '', //署名情况回显
      userTypeName: '', //用户类型回显
      cardTypeName: '', //证件类型回显
      fileUrls: [],
      fileUrlss: [],
      fileUrl: [],
      awardFileUrl: [], //获奖证明文件
      postFileUrls: [], //职务证明
      trustFileUrls: [], //委托合同
      otherFileUrls: [], //其他证明材料  //非必填
      timeType: 1,
      zhuangkuangList: [],
      fileName: '',
      index: 0, //当前选择的index
      signName: '', //当前选择的署名情况名称
    }
  },
  components: {
    /* AddOrUpdate */
    ImgsUpload,
    FileUpload
  },
  created() {

  },
  methods: {
    selectProvinces(index, type) {
      this.selectType = type
      this.columns = []
      this.index = index
      if (type == 'sign') {
        this.$http({
          url: this.$http.adornUrl("/plat/gwjCopyright/getDictByType?type=sign"),
          method: 'get',
        }).then(({ data }) => {
          this.columns = data
        })
      } else if (type == 'userType') {
        this.$http({
          url: this.$http.adornUrl(`/plat/gwjCopyright/getDictByType?type=userType`),
          method: 'get',
        }).then(({ data }) => {
          this.columns = data
        })
      } else if (type == 'cardType') {
        this.$http({
          url: this.$http.adornUrl(`/plat/gwjCopyright/getDictByType?type=cardType`),
          method: 'get',
        }).then(({ data }) => {
          this.columns = data
        })
      } else if (type == 'userTypeB') {
        this.$http({
          url: this.$http.adornUrl(`/plat/gwjCopyright/getDictByType?type=userType`),
          method: 'get',
        }).then(({ data }) => {
          this.columns = data
        })
      } else if (type == 'cardTypeB') {
        this.$http({
          url: this.$http.adornUrl(`/plat/gwjCopyright/getDictByType?type=cardType`),
          method: 'get',
        }).then(({ data }) => {
          this.columns = data
        })
      } else if (type == 'copyrightProvince') {
        this.$http({
          url: this.$http.adornUrl('/plat/gwjCopyright/getProvinceList'),
          method: 'get',
        }).then(({ data }) => {
          this.columns = data
        })
      } else if (type == 'copyrightCity') {
        if (!this.copyrightOwners[this.index].provinceName) {
          Message({
            message: "您还没有选择省份",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
        this.$http({
          url: this.$http.adornUrl('/plat/gwjCopyright/getCityList?provinceId=' + this.copyrightOwners[this.index].provinceId),
          method: 'get',
        }).then(({ data }) => {
          this.columns = data
        })
      }
    },
    selectProvince(e) {
      this.selectType = e
      this.columns = []
      if (e == 'user') {
        this.$http({
          url: this.$http.adornUrl("/plat/gwjCopyright/getUserListNoPage"),
          method: 'get',
        }).then(({ data }) => {
          this.columns = data
        })
      } else if (e == 'workType') {

        this.$http({
          url: this.$http.adornUrl("/plat/gwjCopyright/getWorkType"),
          method: 'get',
        }).then(({ data }) => {
          this.columns = data
        })
      } else if (e == 'workNature') {

        this.$http({
          url: this.$http.adornUrl("/plat/gwjCopyright/getWorkNature"),
          method: 'get',
        }).then(({ data }) => {
          this.columns = data
        })
      } else if (e == 'workOwnStatus') {
        this.$http({
          url: this.$http.adornUrl("/plat/gwjCopyright/getDictByType?type=workOwnStatus"),
          method: 'get',
        }).then(({ data }) => {
          this.columns = data
        })
      } else if (e == 'authDescribe') {
        this.$http({
          url: this.$http.adornUrl("/plat/gwjCopyright/getDictByType?type=auth"),
          method: 'get',
        }).then(({ data }) => {
          this.columns = data
        })
      } else if (e == 'creationProvince') {
        this.$http({
          url: this.$http.adornUrl('/plat/gwjCopyright/getProvinceList'),
          method: 'get',
        }).then(({ data }) => {
          this.columns = data
        })
      } else if (e == 'creationCity') {
        if (!this.creation.workFinishProvinceName) {
          Message({
            message: "您还没有选择省份",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
        this.$http({
          url: this.$http.adornUrl('/plat/gwjCopyright/getCityList?provinceId=' + this.creation.workFinishProvinceId),
          method: 'get',
        }).then(({ data }) => {
          this.columns = data
        })
      } else if (e == 'publishProvince') {
        this.$http({
          url: this.$http.adornUrl('/plat/gwjCopyright/getProvinceList'),
          method: 'get',
        }).then(({ data }) => {
          this.columns = data
        })
      } else if (e == 'publishCity') {
        if (!this.publishment.workPublishProvinceName) {
          Message({
            message: "您还没有选择省份",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
        this.$http({
          url: this.$http.adornUrl('/plat/gwjCopyright/getCityList?provinceId=' + this.publishment.workPublishProvinceId),
          method: 'get',
        }).then(({ data }) => {
          this.columns = data
        })
      } else if (e == 'workBelongWay') {
        this.$http({
          url: this.$http.adornUrl('/plat/gwjCopyright/getWorkBelongWay'),
          method: 'get',
        }).then(({ data }) => {
          this.columns = data
        })
      } else if (e == 'workRightObtainWay') {
        this.$http({
          url: this.$http.adornUrl('/plat/gwjCopyright/getWorkRightObtainWay'),
          method: 'get',
        }).then(({ data }) => {
          this.columns = data
        })
      }
    },
    selects(e) {
      if (this.selectType == 'sign') {
        this.authors[this.index].signName = e.typeName
        this.authors[this.index].signId = e.typeId
      } else if (this.selectType == 'userType') {
        this.authors[this.index].userTypeName = e.typeName
        this.authors[this.index].userTypeId = e.typeId
      } else if (this.selectType == 'cardType') {
        this.authors[this.index].cardTypeName = e.typeName
        this.authors[this.index].cardTypeId = e.typeId
      } else if (this.selectType == 'userTypeB') {
        this.copyrightOwners[this.index].userTypeName = e.typeName
        this.copyrightOwners[this.index].userTypeId = e.typeId
      } else if (this.selectType == 'cardTypeB') {
        this.copyrightOwners[this.index].cardTypeName = e.typeName
        this.copyrightOwners[this.index].cardTypeId = e.typeId
      } else if (this.selectType == 'copyrightProvince') {
        this.copyrightOwners[this.index].provinceName = e.provinceName
        this.copyrightOwners[this.index].provinceId = e.provinceId
      } else if (this.selectType == 'copyrightCity') {
        this.copyrightOwners[this.index].cityName = e.cityName
        this.copyrightOwners[this.index].cityId = e.cityId
      }
    },
    select(e) {

      if (this.selectType == 'user') {
        this.code = e.code
        this.userName = e.userName
      } else if (this.selectType == 'workType') {
        this.workBaseInfo.workType.workTypeId = e.workTypeId
        this.workBaseInfo.workType.workTypeName = e.workTypeName
        this.workBaseInfo.workType.workTypeCode = e.workTypeCode
      } else if (this.selectType == 'workNature') {
        this.workBaseInfo.workNature.workNatureId = e.workNatureId
        this.workBaseInfo.workNature.workNatureName = e.workNatureName
        this.workBaseInfo.workNature.workNatureCode = e.workNatureCode
      } else if (this.selectType == 'workOwnStatus') {
        this.workBaseInfo.workOwns.splice(0)
        let list = this.columns
        e.forEach(v => {
          list.forEach(i => {
            if (v == i.typeId) {
              this.workBaseInfo.workOwns.push({
                workOwnStatus: i.typeId,
                workOwnStatusName: i.typeName

              })
            }
          })
        })
      } else if (this.selectType == 'authDescribe') {
        this.workBaseInfo.authDescribe.note = e.typeName
        this.workBaseInfo.authDescribe.code = e.typeCode
      } else if (this.selectType == 'creationProvince') {
        this.creation.workFinishProvinceName = e.provinceName
        this.creation.workFinishProvinceId = e.provinceId
      } else if (this.selectType == 'creationCity') {
        this.creation.workFinishCityName = e.cityName
        this.creation.workFinishCityId = e.cityId
      } else if (this.selectType == 'publishProvince') {
        this.publishment.workPublishProvinceName = e.provinceName
        this.publishment.workPublishProvinceId = e.provinceId
      } else if (this.selectType == 'publishCity') {
        this.publishment.workPublishCityName = e.cityName
        this.publishment.workPublishCityId = e.cityId
      } else if (this.selectType == 'workBelongWay') {
        this.workBelongWay.workBelongWay = e.workBelongWay
        this.workBelongWay.workBelongWayId = e.workBelongWayId
        this.workBelongWay.workBelongWayCode = e.workBelongWayCode
      } else if (this.selectType == 'workRightObtainWay') {
        this.workRightObtainWay.workRightObtainWay = e.workRightObtainWay
        this.workRightObtainWay.workRightObtainWayId = e.workRightObtainWayId
        this.workRightObtainWay.workRightObtainWayCode = e.workRightObtainWayCode
      }


    },



    fileChange(data) {
      console.log(data)
      if (data.valueData === 'file') {
        this.workBaseInfo.fileUrls.push(data.filePath)
        this.fileName = data.fileName
      }
    },

    addAuthors() {
      let data = { //作者信息
        authorName: '', ///作者姓名
        signId: '', //署名情况ID
        signName: '', //署名情况名称
        otherName: '', //别名名称
        link: false, //是否能联系到作者
        userTypeId: '', //用户类型ID
        userTypeName: '', //用户类型名称
        cardTypeId: '', //证件类型Id
        cardTypeName: '', //证件类型名称
        cardNum: '', //证件号
        fileUrl: '', //证件文件
        cOrder: '', //作者排序
      }
      this.authors.push(data)
    },
    deleteAuthors(index) {
      this.authors.splice(index, 1)
    },
    addCopyrightOwners() {
      let data = { //著作权人
        copyrightOwnerName: '', //著作权人姓名
        userTypeId: '', //用户类型ID
        userTypeName: '', //用户类型名称
        cardTypeId: '', //证件类型ID
        cardTypeName: '', //证件类型名称
        cardNum: '', //证件号
        fileUrl: '', //证件文件")//仅上传身份证正返面或执照
        cOrder: '', //著作权人排序
        provinceId: '', //省份ID
        provinceName: '', //省份名称
        cityId: '', // 城市ID
        cityName: '', //城市名称
      }
      this.copyrightOwners.push(data)
    },
    deleteCopyrightOwners(index) {
      this.copyrightOwners.splice(index, 1)
    },
    timestampToTimes(date) {
      let dates = new Date(date);
      let Y = dates.getFullYear();
      let M = (dates.getMonth() + 1 < 10 ? '0' + (dates.getMonth() + 1) : dates.getMonth() + 1);
      let D = dates.getDate() < 10 ? '0' + dates.getDate() : dates.getDate();
      let timeJson = Y + '-' + M + '-' + D

      return timeJson;
    },
    clickBtn() {

      //作品基本信息
      if (!this.code) {
        Message({
          message: "请选择登记用户",
          type: 'error',
          duration: 1.5 * 1000
        })
        return
      }
      if (this.workBaseInfo.workName == '') {
        Message({
          message: "请输入作品名称",
          type: 'error',
          duration: 1.5 * 1000
        })
        return
      }
      if (this.workBaseInfo.workType.workTypeId == '') {
        Message({
          message: "请选择作品类型",
          type: 'error',
          duration: 1.5 * 1000
        })
        return
      }
      if (this.workBaseInfo.workTypeDesc == '') {
        Message({
          message: "请输入作品类型描述",
          type: 'error',
          duration: 1.5 * 1000
        })
        return
      }
      if (this.workBaseInfo.fileUrls.length == 0) {
        Message({
          message: "请上传作品",
          type: 'error',
          duration: 1.5 * 1000
        })
        return
      }
      if (this.workBaseInfo.workIntro == '') {
        Message({
          message: "请输入作品创作过程",
          type: 'error',
          duration: 1.5 * 1000
        })
        return
      }
      if (this.workBaseInfo.workNature.workNatureName == '') {
        Message({
          message: "请选择作品创作性质",
          type: 'error',
          duration: 1.5 * 1000
        })
        return
      }
      if (this.workBaseInfo.workOwns.length == 0) {
        Message({
          message: "请选择权利拥有状况",
          type: 'error',
          duration: 1.5 * 1000
        })
        return
      }
      if (this.workBaseInfo.workOwnStatusDesc == '') {
        Message({
          message: "请输入权利拥有状况说明",
          type: 'error',
          duration: 1.5 * 1000
        })
        return
      }
      if (this.workBaseInfo.workNature.workNatureName != '原创') {
        if (this.workBaseInfo.authDescribe.note == '') {
          Message({
            message: "请输入创作性质说明",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
        if (this.workBaseInfo.fileUrl == '') {
          Message({
            message: "请上传授权书",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
      }

      //作者信息
      this.authors.forEach((item, index) => {
        if (item.authorName == '') {
          Message({
            message: "请输入作者信息（" + (index += 1) + "）中作者姓名",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
        if (item.signName == '') {
          Message({
            message: "请选择作者信息（" + (index += 1) + "）中署名情况",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
        if (item.signName == '别名') {
          if (item.otherName == '') {
            Message({
              message: "请输入作者信息（" + (index += 1) + "）中别名名称",
              type: 'error',
              duration: 1.5 * 1000
            })
            return
          }
        }
        if (item.link) {
          if (item.userTypeName == '') {
            Message({
              message: "请选择作者信息（" + (index += 1) + "）中用户类型",
              type: 'error',
              duration: 1.5 * 1000
            })
            return
          }
          if (item.cardTypeName == '') {
            Message({
              message: "请选择作者信息（" + (index += 1) + "）中证件类型",
              type: 'error',
              duration: 1.5 * 1000
            })
            return
          }
          if (item.cardNum == '') {
            Message({
              message: "请输入作者信息（" + (index += 1) + "）中证件号",
              type: 'error',
              duration: 1.5 * 1000
            })
            return
          }
          if (item.fileUrl == '') {
            Message({
              message: "请上传作者信息（" + (index += 1) + "）中证件文件",
              type: 'error',
              duration: 1.5 * 1000
            })
            return
          }
        }
        if (this.workBaseInfo.workNature.workNatureName != '原创') {
          if (item.cOrder == '') {
            Message({
              message: "请输入作者信息（" + (index += 1) + "）中作者排序",
              type: 'error',
              duration: 1.5 * 1000
            })
            return
          }
        }
      })
      //创作权人
      this.copyrightOwners.forEach((item, index) => {
        if (item.copyrightOwnerName == '') {
          Message({
            message: "请输入著作权人（" + (index += 1) + "）中著作权人姓名",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
        if (item.userTypeName == '') {
          Message({
            message: "请输入著作权人（" + (index += 1) + "）中用户类型",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
        if (item.cardTypeName == '') {
          Message({
            message: "请输入著作权人（" + (index += 1) + "）中证件类型",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
        if (item.cardNum == '') {
          Message({
            message: "请输入著作权人（" + (index += 1) + "）中证件号",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
        if (item.fileUrl == '') {
          Message({
            message: "请上传著作权人（" + (index += 1) + "）中证件文件",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
        if (item.cOrder == '') {
          Message({
            message: "请输入著作权人（" + (index += 1) + "）中著作权人排序",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
        if (item.provinceName == '') {
          Message({
            message: "请选择著作权人（" + (index += 1) + "）中省份",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
        if (item.cityName == '') {
          Message({
            message: "请选择著作权人（" + (index += 1) + "）中城市",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
      })
      //获奖信息
      if (this.award.award) {
        if (this.award.workAwardName == '') {
          Message({
            message: "请输入获奖名称",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
        if (this.award.WorkAwardUnit == '') {
          Message({
            message: "请输入颁奖单位",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
      }
      // 创作信息
      if (this.creation.workFinishDate == '') {
        Message({
          message: "请选择作品完成时间",
          type: 'error',
          duration: 1.5 * 1000
        })
        return
      }
      if (this.creation.workFinishProvinceName == '') {
        Message({
          message: "请选择创作信息中省份",
          type: 'error',
          duration: 1.5 * 1000
        })
        return
      }
      if (this.creation.workFinishCityName == '') {
        Message({
          message: "请选择创作信息中城市",
          type: 'error',
          duration: 1.5 * 1000
        })
        return
      }
      //发表信息
      if (this.publishment.publish) {
        if (this.publishment.workPublishDate == '') {
          Message({
            message: "请选择作品发表时间",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
        if (this.publishment.workPublishProvinceName == '') {
          Message({
            message: "请选择发表信息中省份",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
        if (this.publishment.workPublishCityName == '') {
          Message({
            message: "请选择发表信息中城市",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
        if (this.publishment.workPublishLinkUrl == '') {
          Message({
            message: "请输入公开作品链接",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
      }
      if (this.workBelongWay.workBelongWay == '') {
        Message({
          message: "请选择权利归属方式",
          type: 'error',
          duration: 1.5 * 1000
        })
        return
      }
      if (this.workRightObtainWay.workRightObtainWay == '') {
        Message({
          message: "请选择权利取得方式",
          type: 'error',
          duration: 1.5 * 1000
        })
        return
      }
      if (this.workBelongWay.workBelongWay == '职务作品') {
        if (this.postFileUrl == '') {
          Message({
            message: "请上传职务证明",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
      }
      if (this.workBelongWay.workBelongWay == '委托作品') {
        if (this.trustFileUrl == '') {
          Message({
            message: "请上传委托合同",
            type: 'error',
            duration: 1.5 * 1000
          })
          return
        }
      }

      console.log(this.workBaseInfo)
      console.log(this.authors)
      console.log(this.copyrightOwners)
      console.log(this.award)
      console.log(this.creation)
      console.log(this.publishment)
      console.log(this.workBelongWay)
      console.log(this.workRightObtainWay)
      // 'https://whdsjminio.gscaee.com/mall4j/'
      this.workBaseInfo.fileUrl = 'https://whdsjminio.gscaee.com/mall4j/' + this.workBaseInfo.fileUrl
      this.workBaseInfo.fileUrls[0] = 'https://whdsjminio.gscaee.com/mall4j/' + this.workBaseInfo.fileUrls[0]
      this.authors.forEach(item => {
        if (item.fileUrl) {
          item.fileUrl = 'https://whdsjminio.gscaee.com/mall4j/' + item.fileUrl
        }
      })
      this.copyrightOwners.forEach(item => {
        if (item.fileUrl) {
          item.fileUrl = 'https://whdsjminio.gscaee.com/mall4j/' + item.fileUrl
        }
      })
      if (this.award.fileUrl) {
        this.award.fileUrl = 'https://whdsjminio.gscaee.com/mall4j/' + this.award.fileUrl
      }
      if(this.creation.workFinishDate) {
        this.creation.workFinishDate = this.timestampToTimes(this.creation.workFinishDate)
      }
      if(this.publishment.workPublishDate) {
        this.publishment.workPublishDate = this.timestampToTimes(this.publishment.workPublishDate)
      }
      if (this.postFileUrl) {
        this.postFileUrl = 'https://whdsjminio.gscaee.com/mall4j/' + this.postFileUrl
      }
      if (this.trustFileUrl) {
        this.trustFileUrl = 'https://whdsjminio.gscaee.com/mall4j/' + this.trustFileUrl
      }
      if (this.otherFileUrl) {
        this.otherFileUrl = 'https://whdsjminio.gscaee.com/mall4j/' + this.otherFileUrl
      }
      //提交数据
      let upData = {
        code: this.code,
        userName: this.userName,
        workBaseInfo: JSON.stringify(this.workBaseInfo),
        authors: JSON.stringify(this.authors),
        copyrightOwners: JSON.stringify(this.copyrightOwners),
        award: JSON.stringify(this.award),
        creation: JSON.stringify(this.creation),
        publishment: JSON.stringify(this.publishment),
        workBelongWay: JSON.stringify(this.workBelongWay),
        workRightObtainWay: JSON.stringify(this.workRightObtainWay),
        postFileUrl: this.postFileUrl, //职务证明
        trustFileUrl: this.trustFileUrl, //委托合同
        otherFileUrl: this.otherFileUrl, //其他证明材料
      }
      this.$http({
          url: this.$http.adornUrl('/plat/gwjCopyright/registerCopyright'),
          method: 'post',
          data: this.$http.adornData(upData)
        }).then(({ data }) => {
          this.$message({
            message: "登记信息提交成功",
            type: 'success',
            duration: 1500,
            onClose: () => {

            }
          })
        }).catch(() => {

        })





      // registerCopyright(upData).then(res => {
      //   _showToast("登记信息提交成功")
      //   setTimeout(() => {
      //     // _navigateBack()
      //   }, 1300)
      // })

    }

  }
}
</script>
<style scoped>
.page {
  padding-bottom: 200px;
}



.content {
  padding: 10px 20px 10px;
  border-bottom: 40px #999 solid;
}

.itemBox {
  display: flex;
}

.info {
  padding: 18px 28px 0;
  border-radius: 20px;
  /* margin-top: 20px; */
}

.infoTitleBox {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
}

.infoTitle {
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;

}

.delete img {
  width: 20px;
  height: 20px;
  margin-left: 20px;
}

.infoItem {
  display: flex;
  align-items: center;
  padding: 32px 0;
  margin-right: 30px;
}

.itemTitle {
  font-size: 18px;
  line-height: 28px;
  color: #141622;
}

.itemInput {
  display: flex;
  justify-content: flex-end;
  margin-left: 20px;
}

.inputBox textarea {
  pointer-events: none;
  /* width: 10%; */
}

.inputBox input {
  pointer-events: none;
  /* width: 10%; */
}

.heng {
  height: 2px;
  background-color: #141622;
  opacity: .1;
}

.shenfenzheng {
  background-color: #fff;
  border-radius: 20px;
  padding: 28px;
  margin-top: 42px;
}

.titleExplain {
  font-size: 24px;
  line-height: 32px;
  opacity: .5;
  margin-top: 8px;
  padding-bottom: 16px;
}

.zuopin {
  width: 276px;
  height: 276px;
  border-radius: 20px;
  overflow: hidden;
  background-color: #141622;
  margin: 58px auto 70px;
}

.zuopin image {
  width: 100%;
  height: 100%;
}


.infoItems {
  padding: 14px 0;
}

.itemInputs {
  width: 100%;
  margin-top: 15px;
}

.itemInputs textarea {
  width: 100%;
}

.add {
  margin: 30px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  width: 150px;
  height: 44px;
  background-color: #40AD73;
  color: #fff;
  border-radius: 104px;
}

.add image {
  width: 120px;
  height: 12px;
  margin-right: 20px;
}


.btnBox {
  width: 100%;
  height: 96px;
  display: flex;
  justify-content: center;
}

.btn {
  width: 194px;
  height: 64px;
  border-radius: 12px;
  background-color: #40AD73;
  margin-top: 20px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 64px;
  text-align: center;
}

.zhaungkuang {
  height: 500px;
  padding: 130px 80px 30px;
  position: relative;

}

.zhuangkuangTop {
  width: 600px;
  padding: 30px 80px;
  margin-bottom: 30px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;

}

.queren {
  padding: 8px 22px;
  background-color: #40AD73;
  color: #fff;
  font-size: 30px;
  border-radius: 18px;
}

.quxiao {
  box-sizing: border-box;
  padding: 8px 22px;
  border: #141622 2px solid;
  font-size: 30px;
  border-radius: 18px;
}

.duoxuan {
  overflow-y: auto;
  height: 500px;
}
</style>
